<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" type="text/html">
		<title>{{ config('app.webName') }} | {{$title}}</title>
		<link type="text/css" rel="stylesheet" href="{{asset('/home/css/lay.css')}}">
		<link type="text/css" rel="stylesheet" href="{{asset('/home/css/order.css')}}">
        <style type="text/css">
			#order_list{width:850px;border:1px solid #ddd;}
			#order_list div.order_list_top{background:#fa8072;width:850px;height:40px;border-bottom:1px solid #ddd;line-height:40px;font-size:12px;color:#e4393c;}
			#order_list div.order_list_top > a{display:block;float:left;width:80px;height:40px;color:#fff;text-align:center}
			
			
			#order_list div.order_list_nav{background:#f7f7f7;width:850px;height:30px;border-bottom:1px solid #ddd;line-height:30px;}
			#order_list div.order_list_nav ul li{float:left;width:115px;height:30px;border-left:1px solid #ddd;line-height:30px;text-align:center;color:#666;}
	        #order_list div.order_list_details{width:850px;height:50px;border-bottom:1px solid #ddd;line-height:50px;background:#fff;}
			#order_list div.order_list_details ul li{float:left;width:115px;height:50px;line-height:50px;text-align:center;color:#666;}
        </style>
		<script src="{{asset('/home/js/jquery.js')}}"></script>
		<script src="{{asset('/home/js/jquery4.js')}}"></script>
	</head>
	<body>
		<!--======================头部公共部分开始==============================-->
		<div id="shortcut">
			<div class="w">
				
				<ul class="fleft">
					<li class="star"></li>
					<li><a href="#">收藏京东</a></li>
				</ul>
				<ul class="fright">
					
						@if(!empty($user))
							<li><a href="/user">{{$user -> username}}</a></li>
							<li><a href="/login/logout">退出登录</a></li>
						@else
							<li><a href="/login">请登录</a></li>
							<li><a href="/home/reg/add">快速注册</a></li>
						@endif
					
					
					<li><a href="/list">我的订单</a></li>
					<li><a href="#">京东会员</a></li>
					<li><a href="#">手机京东</a></li>
					<li><a class="u-server" href="#">客户服务</a></li>
						<ul class="userserver">
							<li><a href="#">帮助中心</a></li>
							<li><a href="#">帮助中心</a></li>
							<li><a href="#">帮助中心</a></li>
							<li><a href="#">帮助中心</a></li>
							<li><a href="#">帮助中心</a></li>
							<li><a href="#">帮助中心</a></li>
						</ul>
					
					<li><a class="url" href="#">网址导航</a></li>
						<ul class="url-nav">
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
							<li><a href="#">网址导航</a></li>
						</ul>
				</ul>
			</div>
		</div>
		<div id="header">
			<div class="headertop">
				<!--===========LOGO====================-->
				<div id="logo"><a href="/"><img src="{{asset('/index/images/logo-201305.png')}}"></a></div>
				<!--===========search====================-->
				<div id="search">
					<div class="sear">
						<form action="/cshow" method="get">
							<input class="searchinput" type="text" name="keyword" />
                            <button type="submit" class="searcher">搜索</button>
						</form>	
					</div>
					<div class="hotwords">
						<ul>
							<li>热门搜索：</li>
							<li><a href="/cshow/太阳镜">太阳镜</a></li>
                            <li><a href="/cshow/短裤">短裤</a></li>
                            <li><a href="/cshow/T恤">T恤</a></li>
                            <li><a href="/cshow/男装">男装</a></li>
                            <li><a href="/cshow/吊带">吊带</a></li>
                            <li><a href="/cshow/女鞋">女鞋</a></li>
                            <li><a href="/cshow/精品">精品</a></li>
                            <li><a href="/cshow/亲子">亲子</a></li>
                            <li><a href="/cshow/凉鞋">凉鞋</a></li>
						</ul>
					</div>
				</div>
				
				<!--=================去购物车结算=====================-->
				
				<div id="settleup">
					
					<a href="#">
						<div class="car"><div class="carimg"></div></div>
						<div class="jiesuan"><a href="#">去购物车结算</a></div>
						<div class="rtriangle"></div>
					</a>
					<div class="mycar-details">
						<div class="g-new"><h3>最新加入的商品</h3></div>
						<div class="g-list">
							
						</div>
						<div class="g-total">
							<span>共有<a style="color:#e4393c;font-size:14px;" href="javascript:">0</a>件商品</span>　　　　　　
							<span>共计<a style="color:#e4393c;font-size:20px;" href="javascript:">0</a></span>
				
						</div>
						<div class="g-settle">
							<a href="/cart">去购物车结算</a>
						</div>
					</div>
				</div>
				<!--=======购物车商品数量========-->
				<div class="car-count">0</div>
			</div>

			
			<div style="clear:both;"></div>
			<!--======================头部公共部分结束==============================-->
			

			<!--=========================footer开始======================================-->
		</div>
		<div id="main_center">
			<div id="content">
				<div id="content_top">
					<div class="tit">
						<a href="#">我的京东</a>
					</div>
					<div class="page">
						<a href="">个人主页</a>
					</div>
					<div class="set">
						<a href="">设置</a>
					</div>
					<div class="com">
						<a href="">社区</a>
					</div>
				</div>
				<div id="clear"></div>
				<div id="content_host">
					<div id="left">
						<div id="menu">
							<ul>
								<li><b>订单中心</b></li>
								<li><a href="#" style="font-weight:bold;color:#e4393c;">我的订单</a></li>
								<li><a href="">团购订单</a></li>
								<li><a href="">本地生活订单</a></li>
								<li><a href="">我的预售</a></li>
								<li><a href="">评价晒单</a></li>
								<li><a href="">取消订单记录</a></li>
							</ul>
							<ul>
								<li><b>关注中心</b></li>
								<li><a href="">关注的商品</a></li>
								<li><a href="">关注的店铺</a></li>
								<li><a href="">关注的活动</a></li>
								<li><a href="">浏览历史<img src="{{asset('/Uploads/images/red_new.png"></a></li>
							</ul>
							<ul>
								<li><b>资产中心</b></li>
								<li><a href="">小金库</a></li>
								<li><a href="">余额</a></li>
								<li><a href="">优惠劵</a></li>
								<li><a href="">京东卡/E卡</a></li>
								<li><a href="">京豆</a></li>
							</ul>
							<ul>
								<li><b>特色业务</b></li>
								<li><a href="">京东通信</a></li>
								<li><a href="">定期送</a></li>
							</ul>
							<ul>
								<li><b>客户服务</b></li>
								<li><a href="">返修退换货</a></li>
								<li><a href="">价格保护</a></li>
								<li><a href="">意见建议</a></li>
								<li><a href="">购买咨询</a></li>
							</ul>
							<ul>
								<li><b>设置</b></li>
								<li><a href="">个人信息</a></li>
								<li><a href="">收货地址</a></li>
							</ul>
						</div>
					
					</div>
					<div id="right">
						
						
			<!--=======================订单列表开始===============================-->
		        <div id="order_list">
						<div class="order_list_top">
							<a class="all_order" href="javascript:">全部订单</a>
							<a class="n_order" href="javascript:">未完成订单</a>
							<a class="y_order" href="javascript:">已完成订单</a>
							
						</div>
					    <div class="order_list_nav">
							<ul>
								<li>订单号</li>
								<li>联系人</li>
								<li>地址</li>
								<li>电话</li>
								<li>时间</li>
								<li>总金额</li>
								<li style="width:150px">操作</li>
								
							</ul>
						</div>
						
						<foreach name="orders" item="order">
						<div class="order_list_details all_order_list">
							<ul>
								<li>0</li>
								<li>0</li>
								<li style="line-height:25px;">0</li>
								<li>0</li>
								<li>0</li>
								<li>0</li>
								<li style="width:150px;line-height:50px;">
								  　<a style="color:#005aa3" href="#">详情</a>
								
								    <a style="color:#005aa3"  href="#">评价/售后</a> 
									<a style="color:#e4393c" class="delOrder" href="">取消</a>　
								</li>
							</ul>
						</div>
						</foreach>
				</div>		
					<!--=======================订单列表结束===============================-->
						<div id="order3">
							<div class="mt">
								<span><b>猜你喜欢</b></span>
								<div class="tab_menu">
									<a href="#" class="tab-item tab-selected"><b>1</b></a>
									<a href="#" class="tab-item"><b>2</b></a>
									<a href="#" class="tab-item"><b>3</b></a>
								</div>
							</div>
							<div class="nt" style="display:block;">
								<foreach name="goods_data" item="v">
								<ul class="hide">
									<li>
										<div>
											<a href="__APP__/details/index/id/{$v['id']}" target="_bank">
												<img src="{{asset('/Uploads/goods/l_{$v['pic']}" alt="{$v['name']}" width="160px" height="160px"/>
											</a>
										</div>
										<div class="name">
											<a href="__APP__/details/index/id/{$v['id']}" target="_bank">{$v['name']}</a>
										</div>
										 <div class="price">
											<strong>￥{$v['saleprice']}</strong>
										 </div>
										 <div class="num">
											<a href="跳转地址" target="_bank">(商品评价数量{$v['reviewcount']})</a>
										 </div>
									</li>
								</ul>
								</foreach>
							</div>
							<div class="nt" style="display:none;">
								<foreach name="rel" item="r">
								<ul class="hide">
									<li>
										<div>
											<a href="__APP__/details/index/id/{$r['id']}" target="_bank">
												<img src="{{asset('/Uploads/goods/l_{$r['pic']}" alt="{$r['name']}" width="160px" height="160px"/>
											</a>
										</div>
										<div class="name">
											<a href="__APP__/details/index/id/{$r['id']}" target="_bank">{$r['name']}</a>
										</div>
										 <div class="price">
											<strong>￥{$r['saleprice']}</strong>
										 </div>
										 <div class="num">
											<a href="跳转地址" target="_bank">(商品评价数量{$r['reviewcount']})</a>
										 </div>
									</li>
								</ul>
								</foreach>
							</div>
							<div class="nt" style="display:none;">
								<foreach name="rel" item="r">
								<ul class="hide">
									<li>
										<div>
											<a href="__APP__/details/index/id/{$r['id']}" target="_bank">
												<img src="{{asset('/Uploads/goods/l_{$r['pic']}" alt="{$r['name']}" width="160px" height="160px"/>
											</a>
										</div>
										<div class="name">
											<a href="__APP__/details/index/id/{$r['id']}" target="_bank">{$r['name']}</a>
										</div>
										 <div class="price">
											<strong>￥{$r['saleprice']}</strong>
										 </div>
										 <div class="num">
											<a href="跳转地址" target="_bank">(商品评价数量{$r['reviewcount']})</a>
										 </div>
									</li>
								</ul>
								</foreach>
							</div>
						</div>
						
					</div>
					<div id="clear"></div>
				</div>
			</div>
		</div>
		<div id="clear"></div>
		<div id="footer">
            <div class="w">
			<div class="footer-m">
				<div style="width:300px;margin: 0 auto;">
            		@foreach($link as $lk) 
                		<a href="{{$lk -> url}}" target="_blank">| l{{$lk -> linkname}}</a><span> | </span>
            		@endforeach
          		</div>
			</div>
            </div>
			<div class="footer-g" style="clear:both">
				<ul>
					<li><a href="#">北京市公安局朝阳分局备案编号110105014669</a></li>
					
					<li><a href="#">出版物经营许可证编号新出发(苏)批字第N-012号 </a></li>
					<li><a href="#"> 互联网出版许可证编号新出网证(京)字150号</a></li>
					<li><a href="#">Copyright © 2004-2015  京东JD.com 版权所有</a></li>
					<li><a href="#">京ICP证070359号</a>　电话:{~W('market/dex')} </li>
				</ul>
			</div>
			<div class="footer-k">
				<ul>
					<li><a href="#"><a href="#"><img src="{{asset('/home/images/108_40_zZOKnl.gif')}}"></a></a></li>
					<li><a href="#"><a href="#"><img src="{{asset('/home/images/112_40_WvArIl.png')}}"></a></a></li>
					<li><a href="#"><a href="#"><img src="{{asset('/home/images/rBEIDE_nzcIIAAAAAAB30mYXo5QAACrhACj22IAAHfq378.png')}}"></a></a></li>
				</ul>
			</div>
		
		</div>
		
		<!--=========================footer结束======================================-->
		
	</body>
	<script src="{{asset('/index/js/lay.js')}}"></script>
	<script src="{{asset('/index/js/order.js')}}"></script>
	<script type="text/javascript">
		$(".all_order").hover(function(){
			//===========样式变化============
			$(".order_list_top a").css({'background':'#fa8072'});
			$(this).css({'background':'#e4393c'});
			//===========数据==============
			//alert(1);
			//===========数据==============
		   
		});
		
		
			
		$(".n_order").hover(function(){
			//===========样式变化============
			$(".order_list_top a").css({'background':'#fa8072'});
			$(this).css({'background':'#e4393c'});
		});
		$(".y_order").hover(function(){
			//===========样式变化============
			$(".order_list_top a").css({'background':'#fa8072'});
			$(this).css({'background':'#e4393c'});
		});
        
        $('.delOrder').click(function(){
            if(!confirm('确认取消？')){
                return false;
            }
        });
	</script>
</html>